
<template>
  <div class="friendship-link">
    <div class="link_main">
      <label>友情链接：</label>
      <span v-for="item in friendshipLink" :key="item.F_Id">
        <a :href="item.F_Url">{{ item.F_Name }}</a>
      </span>
    </div>
  </div>
</template>
<script name="Floor">
import axios from 'axios'
export default {
  name: "Link",
  data() {
    return {
      friendshipLink: [],
    }
  },
  created() {
    this.friendLink();
  },
  methods: {
    friendLink() {
      const url = `https://fzzxqy.demo-caii.com/cloud-api2/portal/friendshipLinks`;
      axios.get(url).then(res => {
        this.friendshipLink = res.data.data;
      })
    },
  }

}
</script>
<style lang="scss" scoped>
.friendship-link {
  grid-area: friendship-link;
  background: #ffffff;
  .link_main {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    height: 70px;
    align-items: center;
    span {
      margin: 0 15px;
      a:hover {
        color: #007bd3;
      }
    }
  }
}
</style>